<template>
    <div>
    <div class="tp" style="margin-bottom:30px;"> </div>
   <el-container>
  <el-header  class="elhead">
      春茶
  </el-header>
  <p class="GYtea">饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。
因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。</p>
  <el-main class="GYt">
      <div v-for="(i,$index) in arrone" :key="$index" class="Bboxtea">
          <div class="TEAwz">
              {{i.txt}}
               <p  class="TEAwzp">{{i.contents}}</p>
              </div>
         
      </div>
   
  </el-main>
</el-container>
<div class="goodtea">
    <h2>喝茶的好处</h2>
    <p>饮茶不但是传统饮食文化，同时，由于茶中含有多种抗氧化物质与抗氧化营养素，对于消除自由基有一定的效果。因此喝茶也有助防老，具养生保健功能，每天喝三两杯茶可起到防老的作用。茶叶中含有多种维生素和氨基酸，喝茶对于清油解腻，增强神经兴奋以及消食利尿也具有一定的作用。 但并不是喝得越多越好，也不是所有的人都适合喝茶。一般来说，每天1-2次，每次3-5克、400毫升的饮量是比较适当的。一般，人们说喝茶还指喝水。
</p>
<div class="goodtea_child">
    <div>
        <div style="width:100%;height:250px;"> <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDQvNjczNTEyZGI2NGM2N2U0MzdjMjMxNGMyYzc3MjRmM2YtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp" alt=""></div>
       
        <h5>茶园规划</h5>
        <p >明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。 </p>
    </div>
    <div>
        <div style="width:100%;height:250px;"> <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDQvNGRmMDFhNzRmYTBhZWFiODIyYmM1MThhY2M2ZWFhOTYtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp" alt=""></div>
       
        <h5>茶园规划</h5>
        <p>明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。 </p>
    </div>
    <div>
        <div style="width:100%;height:250px;"> <img src="https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cHM6Ly81Y2RkM2FhNWM0NmVhLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTkvMDQvNDVhMmJlZTE1ZjE5MTc0OTQ2OTIxMTBiMjNkYWRiZDUtOTAud2VicA_p_p100_p_3D_p_p100_p_3D.webp" alt=""></div>
       
        <h5>茶园规划</h5>
        <p>明万历二十三年（1595）张源撰写的《茶录》中，对当时洞庭东西山绿茶（炒青）的采摘、炒制有较为详细的记载，其炒制过程分杀青、轻团、焙干等工序，已与当今洞庭碧螺春的炒制工艺基本一致。 </p>
    </div>
</div>
</div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            arrone:[
                {txt:138,contents:'历史悠久'},
                 {txt:95,contents:'冲泡温度'},
                  {txt:1,contents:'碧螺春等级'},
                 {txt:567,contents:'田园面积'},
                 
            ]
        }
    },
}
</script>
<style >

.goodtea_child{
    width: 100%;
    min-height: 300px;
    padding: 60px 0;
    display: flex;
    justify-content: space-around;
    margin: 50px 0;
}

.goodtea_child div{
    width: 25%;
}
.goodtea_child div:hover{
    transition: all .2s;
    transform: translateY(-10px);
}
.goodtea_child div h5{
     font-family: 微软雅黑;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #808080;
     text-align: center;
     padding: 10px;
}
.goodtea_child p{
    line-height: 20px;
    color:#808080 ;

}
.goodtea_child div img{
   width: 100%;
   height: 100%;
}
.goodtea{
    width: 100%;
    min-height: 200px;  
    
}
.goodtea h2{
     font-family: 微软雅黑;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color:#808080;
    display: block;
padding: 10px;
    text-align: center;
}
.goodtea>p{
    text-align: center;
    padding: 10px  80px;
    color: #808080;
}
.elhead{
     font-family: 微软雅黑;
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    color: #808080;
    display: block;
   padding:30px ;
    text-align: center;
}
.Bboxtea{
 
    border-top: 1px solid #EFEFEF;
}
.TEAwzp{
    line-height: 50px;
        color: rgb(147, 147, 150);
}
.TEAwz{
        font-size: 60px;
    font-family: courier new;
    color: #3c3c3c;
    text-align: center;
  
    
}


.TEAwz p{
font-size: 16px;
color: #808080;
}
.GYtea{
     text-align: center;
    margin: auto;
    padding: 30px 200px;
    line-height: 30px;
    color: #808080;
    
}
    .tp{
         background-size: 100% 100%;
         width: 100%;
         min-height: 200px;
         margin-top: 100px;
         background-repeat:no-repeat ;
         background-image: url('https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS80OWFlMzhhODY3ZWY3NWE0MDczZGY3NGJhMWY5OGMyNi05MC53ZWJw.webp');
    }
    .GYt{
       
        display: flex;
        padding: 30px 30px;
        min-height: 300px;
       
    }
     .GYt div{
padding: 50px 0px;
       min-width: 25%;
         min-height: 150px;     
         
     }

</style>